<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <title>管理员登录界面</title>
  {% load static %}
  <link rel="stylesheet" href="{% static 'layui.css' %}">
</head>
<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">
  <div class="layui-header">
    <div class="layui-logo"><span style="color:aqua;">  Admin：欢迎您！</span></div>
    <!-- 头部区域（可配合layui已有的水平导航） -->
    <ul class="layui-nav layui-layout-left">
      <li class="layui-nav-item"><a href="{% url 'manager'%}">主页</a></li>
      <li class="layui-nav-item"><a href="{% url 'check'%}">修改密码</a></li>
      <li class="layui-nav-item"><a href="">管理</a></li>
      <li class="layui-nav-item">
        <a href="javascript:;">其它系统</a>
        <dl class="layui-nav-child">
          <dd><a href="">邮件管理</a></dd>
          <dd><a href="">消息管理</a></dd>
          <dd><a href="">授权管理</a></dd>
        </dl>
      </li>
    </ul>
    <div id="div1" style="color:aqua; position: absolute; top: 20px;left: 1100px;"></div>
    <script>
      window.onload=function(){
      //定时器每秒调用一次fnDate()
      setInterval(function(){
      fnDate();
      },1000);
      }
      //js 获取当前时间
      function fnDate(){
      var oDiv=document.getElementById("div1");
      var date=new Date();
      var year=date.getFullYear();//当前年份
      var month=date.getMonth();//当前月份
      var data=date.getDate();//天
      var hours=date.getHours();//小时
      var minute=date.getMinutes();//分
      var second=date.getSeconds();//秒
      var time="当前时间:"+year+"-"+fnW((month+1))+"-"+fnW(data)+" "+fnW(hours)+":"+fnW(minute)+":"+fnW(second);
      oDiv.innerHTML=time;
      }
      //补位 当某个字段不是两位数时补0
      function fnW(str){
      var num;
      str>10?num=str:num=""+str;
      return num;
      } 
      </script>
    <ul class="layui-nav layui-layout-right">
      <li class="layui-nav-item">
        <a href="javascript:;">
          <img src="http://t.cn/RCzsdCq" class="layui-nav-img">
          个人中心
        </a>
        <dl class="layui-nav-child">
          <dd><a href="">基本资料</a></dd>
          <dd><a href="">安全设置</a></dd>
        </dl>
      </li>
      <li class="layui-nav-item"><a href="{% url 'home'%}">退出系统</a></li>
    </ul>
  </div>
  
  <div class="layui-side layui-bg-black">
      <div class="layui-side-scroll" >
        <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
        <ul class="layui-nav layui-nav-tree"  lay-filter="test">
          <li class="layui-nav-item layui-nav-itemed">
            <a class="" href="javascript:;">学生信息维护</a>
            <dl class="layui-nav-child">
              <dd><a href="javascript:;" onclick="change1()">查看学生信息</a></dd>
              <dd><a href="javascript:;" onclick="change2()">添加学生信息</a></dd>
              <dd><a href="javascript:;" onclick="change3()">修改学生信息</a></dd>
              <dd><a href="javascript:;" onclick="change4()">删除学生信息</a></dd>
            </dl>
          </li>
         <%-- <li class="layui-nav-item">
            <a href="javascript:;">课程信息维护</a>
            <dl class="layui-nav-child">
              <dd><a href="javascript:;" onclick="change5()">查看课程信息</a></dd>
              <dd><a href="javascript:;" onclick="change6()">添加课程信息</a></dd>
              <dd><a href="javascript:;" onclick="change7()">修改课程信息</a></dd>
              <dd><a href="javascript:;" onclick="change8()">删除课程信息</a></dd>
            </dl>
          </li>--%>
          <li class="layui-nav-item"><a href="javascript:;">学生成绩维护</a>
            <dl class="layui-nav-child">
              <dd><a href="javascript:;;" onclick="change9()">查看学生成绩</a></dd>
              <dd><a href="javascript:;;" onclick="change10()">添加学生成绩</a></dd>
              <dd><a href="javascript:;;" onclick="change11()">修改学生成绩</a></dd>
              <dd><a href="javascript:;;" onclick="change12()">删除学生成绩</a></dd>
            </dl>
          </li>
        </ul>
      </div>
    </div>

    <div class="layui-body">
      <!-- 内容主体区域 -->
      <div style="padding: ; height: 100%">
        <iframe src="{% url 'background' %}" style="height: 100%;width: 100%" id="0"></iframe>
      </div>
    </div>

    <div class="layui-footer" >
      <!-- 底部固定区域 -->
      <center>
      © 网络1611 地表最强宿舍501--提供服务
    </center>
    </div>
  </div>
  <script src="{% static 'layui.js' %}"></script>
  <script src="{% static 'element.js' %}"></script>
  <script>
      //JavaScript代码区域
      layui.use('element', function(){
          var element = layui.element;

      });
      function change1() {
          document.getElementById("0").src="{% url 'Stu'%}"
      };
      function change2() {
          document.getElementById("0").src="{% url 'Stu_add'%}"
      };
      function change3() {
          document.getElementById("0").src="{% url 'Stu_alt'%}"
      };
      function change4() {
          document.getElementById("0").src="{% url 'Stu_del'%}"
      };
      function change5() {
          document.getElementById("0").src="{% url 'Cour'%}"
      }
      function change6() {
          document.getElementById("0").src="{% url 'Cour_add'%}"
      }
      function change7() {
          document.getElementById("0").src="{% url 'Cour_alt'%}"
      }
      function change8() {
          document.getElementById("0").src="{% url 'Cour_del'%}"
      }
      function change9() {
          document.getElementById("0").src="{% url 'grade'%}"
      }
      function change10() {
          document.getElementById("0").src="{% url 'grade_add'%}"
      }
      function change11() {
          document.getElementById("0").src="{% url 'grade_alt'%}"
      }
      function change12() {
          document.getElementById("0").src="{% url 'grade_del'%}"
      }
  </script>
</body>
</html>